/*
Theme Name: Chris Tienken 2012
Theme URI: https://stargfxllc.com
Author: StarGFX
Author URI: https://stargfxllc.com
Description: Custom theme for Chris Tienken.
Version: 1.0
*/

/*	--------------------------------------------------
	:: Global Reset & Standards
	-------------------------------------------------- */
	
	/* 
		Eric Meyer's CSS Reset
		http://meyerweb.com/eric/tools/css/reset/ 
		v2.0 | 20110126
   		License: none (public domain)
	*/
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font: inherit;
		vertical-align: baseline;
	}
	html {
		font-size: 60%;
		height: 100%;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none !important;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	h4 {font-size:1.5em; padding-top: 20px; padding-bottom: 5px;}
	
	
/*	--------------------------------------------------
	:: General Fonts and Styles
	-------------------------------------------------- */

body {font-family: Helvetica, arial, sans-serif;background: #bcbdc0 url('images/bg.png') repeat-x top left;color:#666;}
a {color:#666;text-decoration: underline;}
a:hover {color: #000;text-decoration: none;}
h1, h2 {font-family: 'Montserrat', sans-serif; margin:.8em 0 .2em 0;padding:0;color: #000;font-weight: normal;} /* Headers color */
h3 {font-family: 'Montserrat', sans-serif; margin:.8em 0 .2em 0;}
p {margin:.4em 0 .8em 0;padding:0;line-height:1.5em;color:#666;}
.clear {height:30px;clear:both;}

/*	--------------------------------------------------
	:: Header
	-------------------------------------------------- */
	#header {height:172px; background: url('images/header-bg.png') repeat-x top left; width: 100%;}
	.header_content {width:960px;margin: 35px auto;}
	#header ul {margin-top:25px;}
	#header ul li {float: left; padding: 0px 40px 0px 0px;}
	#header ul li a {color: #000; text-transform:uppercase; font-weight:bold; font-size:1.6em;text-decoration:none;padding:17px 15px 18px 15px;}
	#header ul li a:hover {background:#213858;color:#fff;}
	.logo {float: left;width:275px;height:43px;background: url('images/logo.png') no-repeat top left;margin: 10px 382px 0 0px;}
	.search {float: right;padding-top:20px;}
	.search input[type=text] {width:200px;height:24px;font-size:1.3em;padding:0px;}
	.search input[type=submit] {background: url('images/search-bg.png') repeat-x top left;border: none;margin: 0;padding-top:6px;padding-bottom:6px;cursor:pointer;}

/*	--------------------------------------------------
	:: Content
	-------------------------------------------------- */
	#content {width:960px;margin:0 auto;}

	/* Homepage */
	.homepage_column_one {width:620px;margin-right:30px;float:left;margin-bottom:55px;}
	.sidebar {width:310px;float:left;}
	.copy {padding: 16px 16px 21px 16px;}
	
	.column1-module {font-size:1.5em;background: #fff url('images/column-one-footer.png') no-repeat bottom left;margin-bottom:15px;overflow:hidden;}
	.heading {background: url('images/heading-bg.png') repeat-x top left; width:100%; height:26px;margin-top:0;padding-top:0;}
	.heading h2 {padding:5px;color:#fff;text-transform:uppercase;margin-top:0;}
	h4, h4 a {color:#223858;font-family: 'Montserrat', sans-serif;text-decoration:none;}
	h5, h5 a {color:#223858;font-family: 'Montserrat', sans-serif;margin:0px;padding:0px;text-decoration:none;}
	.thumb-wrap {float:left;margin-right:15px;}
	p.readmore {text-transform:uppercase;font-family: 'Montserrat', sans-serif;}
	p.readmore a {color:#223858;text-decoration:none;}
	.blog li {padding-bottom:30px;}
	
	/* Sidebar */
	.column2-module {font-size:1.5em;background: #fff url('images/column-two-footer.png') no-repeat bottom left;margin-bottom:15px;overflow:hidden;}
	.video {background: url('images/module-bg.png') repeat-x top left;width:100%;}
	ul.archives li a {text-decoration: none;line-height:1.16em;}
	ul.archives li a:hover {text-decoration:underline;}
	.pub-author, .blog-date {font-style:italic;line-height:1.16em;font-size:.9em;}
	.blog-date {float:left;}
	.publication-text {width:140px;float:left;padding-bottom:20px;}
	.publication-text p {font-size:.9em;}
	
	/* Pages */
	#page {width:620px;margin-right:30px;font-size:1.4em;background: #fff url('images/column-one-footer.png') no-repeat bottom left;margin-bottom:55px;line-height:1.16em;float:left;}
	.post_column_one {width:45%; float: left; padding-right: 3%; display: inline;}
	.post_column_two {width:49%; float: left; padding-right: 0; display: inline;}
	.edit-link {clear:both;}
	#page a, .entry a {}
	#page p {line-height:1.5em;}
	#page ul.list {list-style-type:disc;}
	#page ul li {line-height:1.5em;margin-left:25px;}
	h2.entry-title, h2.page-title {font-size:1.8em;color:#223858;margin-top:0;padding-top:0;font-weight:normal;line-height:1.16em;}
	h2.page-title {padding-bottom:15px;}
	li.pdf {background: url('images/pdficon_small.png') no-repeat top left; padding-left:18px;padding-bottom:15px;}
	li.video-item {padding:5px;}
	h6.publications-category {font-size:1.2em;padding-bottom:15px;}
	ul.publication {margin-bottom:25px;}
	ul.reviews {padding-top:15px;}
	li.review {padding:15px 0;}
	
	
	
	/* =Comments
-------------------------------------------------------------- */

h2.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	margin-top:30px;
	font-size: 1.5em !important;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
	background: #f2f2f2;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 1.1em;
	line-height:1.13em;
	line-height: 1.42857143;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 1em;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}

a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

/* Comment form */
#respond {
	margin-top: 48px;
	margin-top: 3.428571429rem;
}
#respond h3#reply-title {
	font-size: 1.3em !important;
	font-size: 1.142857143rem;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1em;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}

li.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}

.meta_item {
background: #fff;
display: inline;
float:left;
margin-left:2%;
}

p.blog-excerpt, .blog-content {clear:both;}
.blog-content {padding-top:16px;}
	
/*	--------------------------------------------------
	:: Footer
	-------------------------------------------------- */
	#footer {background: #404041; width: 100%;font-size:1.4em;color:#fff;margin-top:55px;overflow:hidden;}
	.footer_content {width:960px;margin: 0 auto;}
	.footer_col1 {width:260px;float:left;margin-right:30px;padding:30px 0px;}
	.footer_col2 {width:260px;float:left;margin-right:30px;padding:30px 0px;}
	#footer h3 {font-weight:bold;font-size:1.2em;}
	#footer a {color:#fff;text-decoration:none;}
	#footer a:hover {text-decoration:underline;}

	.subfooter {font-size: 1.1em;color:#FFF;background: url('images/subfooter-bg.png') repeat-x top left;height:53px;}
	.subfooter_content {width:960px;margin: 0 auto;padding-top:15px;}